<!DOCTYPE html> 
<html> 
<head> 
	<title>Znamenitosti Beograda</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="media/lib/jquery.mobile.min.css" />
	<script src="media/lib/jquery.js"></script>
	<script src="media/lib/pre_init.js"></script>
	<script src="media/lib/jquery.mobile.min.js"></script>
	<script src="media/lib/init.js"></script>
	<script src="media/znamenitosti.js"></script>
	<script src="media/loadFeed.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function() {
			loadFeed("http://www.hot-spot.rs/en/news/rss.html", "#lstNews");
		});
	</script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header" data-theme="b" data-position="fixed">
		<a href="index.html" data-role="button"  data-icon="home" data-theme="e" data-ajax="false" data-iconpos="notext">Home</a>
		<h1>Info</h1>
		<a href="#meni" data-role="button" data-rel="popup" data-transition="flip" data-icon="grid" data-iconpos="notext">Route to</a>
	</div><!-- /header -->

	<div data-role="content">
		<h3>What to see</h3>
		<img id="mapa" src="#" title="Znamenitosti Beograda" />
		<h3>News</h3>
		<div id="lstNews" data-role="collapsible-set">
		</div>
	
	</div><!-- /content -->
	
	<div id="meni" data-role="popup" >	
		<ul id="znamenitosti" data-role="listview" data-inset="true" data-theme="b">
			<li data-Coordinate="44.8248516,20.4507027">A) Kalemengdan</li>
			<li data-Coordinate="44.8110429,20.4624531">B) Skupstina</li>
			<li data-Coordinate="44.8179541,20.4644717">C) Skadarlija</li>
			<li data-Coordinate="44.7886525,20.4032521">D) Ada ciganlija</li>
			<li data-Coordinate="44.8094997,20.467824">E) Tasmajdan</li>
			<li data-Coordinate="44.797891,20.467061">F) Temple of Saint Sava</li>
			<li data-Coordinate="44.815667,20.436866">G) Usce</li>
		</ul>	
	</div><!-- /popup -->

	<!--

	
	<div id="panelwwww" data-role="panel" data-position="right" data-display="overlay" >
		<h2>Places you should visit in Belgrade</h2>
		<ol id="znamenitosti" type="A">
			<li data-Coordinate="44.8248516,20.4507027">A) Kalemengdan</li>
			<li data-Coordinate="44.8110429,20.4624531">B) Skupstina</li>
			<li data-Coordinate="44.8179541,20.4644717">C) Skadarlija</li>
			<li data-Coordinate="44.7886525,20.4032521">D) Ada ciganlija</li>
			<li data-Coordinate="44.8094997,20.467824">E) Tasmajdan</li>
			<li data-Coordinate="44.797891,20.467061">F) Temple of Saint Sava</li>
			<li data-Coordinate="44.815667,20.436866">G) Usce</li>
			<li data-Coordinate="44.6896038,20.5204839" class="exclude">H) Avala</li>
		</ol>
		<a href="#panel" data-role="close">Close</a>
	</div><!-- /panel -->
	
	<div data-role="footer" data-theme="b">
		<h3>Have fun!</h3>
	</div><!-- /footer -->

</div><!-- /page -->

</body>
</html>